<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
    <style type="text/css">
        html {
            overflow-y: auto;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="form-group">
           <!-- <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.type" @keyup.enter="query" placeholder="上报类型">
                <select class="form-control" placeholder="请选择" v-model="q.type">
                    <option disabled value="">请选择上报类型</option>
                    <option v-for="type in typeObject.reportType" :value="type.value">{{type.text}}</option>
                </select>
            </div> -->
            <div class="col-sm-10" style="width: 20%;">
                <select class="form-control" placeholder="请选择" v-model="q.state">
                    <option disabled value="">请选择上报状态</option>
                    <option v-for="state in stateObject.reportState" :value="state.value">{{state.text}}</option>
                </select>
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.address" @keyup.enter="query" placeholder="上报路段">
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.userid" @keyup.enter="query" placeholder="上报用户">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;审核</a>
            <a class="btn btn-warning" @click="reset">重置</a>
        </div>

        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default" align="center">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal" style="width:70%!important;">
            <div class="form-group" >
                <!--文字信息-->
                <div class="form-group" style="width:50% ; float: left">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报用户</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.userid" placeholder="上报用户" readonly/>
                        </div>
                    </div>
                    <!-- <div class="form-group">
                                 <div class="col-sm-2 control-label">上报人车牌</div>
                                 <div class="col-sm-10">
                                     <input type="text" class="form-control" v-model="appInfo.plateNumber" placeholder="上报人车牌" readonly/>
                                 </div>
                             </div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">联系方式</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.userid" placeholder="联系方式" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">IMEI号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.imei" placeholder="IMEI号" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报类型</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.typeStr" placeholder="上报类型" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报时间</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.timeStr" placeholder="上报时间" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报地点</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.address" placeholder="上报地点" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报地点</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.street" placeholder="违法地点" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">上报描述</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.alarmDesc" placeholder="上报描述"
                                   readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">车辆类型</div>
                        <div class="col-sm-10">
                            <select class="form-control" placeholder="请选择车辆类型" v-model="appInfo.vehicleType">
                                <option disabled value="">请选择车辆类型</option>
                                <option value="01">大型汽车</option>
                                <option value="02">小型汽车</option>
                                <option value="03">使馆汽车</option>
                                <option value="04">领馆汽车</option>
                                <option value="05">境外汽车</option>
                                <option value="06">外籍汽车</option>
                                <option value="07">三轮摩托车</option>
                                <option value="08">轻便摩托车</option>
                                <option value="09">使馆摩托车</option>
                                <option value="10">领馆摩托车</option>
                                <option value="11">境外摩托车</option>
                                <option value="12">外籍摩托车</option>
                                <option value="13">农用运输车</option>
                                <option value="14">拖拉机</option>
                                <option value="15">挂车</option>
                                <option value="16">教练汽车</option>
                                <option value="17">教练摩托车</option>
                                <option value="18">试验汽车</option>
                                <option value="19">试验摩托车</option>
                                <option value="20">临时入境汽车</option>
                                <option value="21">临时入境摩托车</option>
                                <option value="22">临时行驶车</option>
                                <option value="23">警用汽车</option>
                                <option value="24">警用摩托</option>
                                <option value="51">大型新能源汽车</option>
                                <option value="52">小型新能源汽车</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">违法车牌号</div>
                        <div class="col-sm-10" style="width: 70%;">
                            <input type="text" class="form-control" style="width: 80% ; float: left"
                                   v-model="appInfo.illegalPlateNumber" placeholder="车辆号码"/>
                            <input type="button" class="btn btn-primary" @click="getVehicleInfo"
                                   style="width: 20% ; float: right" value="获取"/>
                        </div>
                    </div>
                    <!-- <div class="form-group">
                       <div class="col-sm-2 control-label">行驶方向</div>
                       <div class="col-sm-10">
                           <input type="text" class="form-control" v-model="appInfo.direction" placeholder="行驶方向" readonly/>
                       </div>
                   </div>
                   <div class="form-group">
                       <div class="col-sm-2 control-label">行驶车道</div>
                       <div class="col-sm-10">
                           <input type="text" class="form-control" v-model="appInfo.lane" placeholder="行驶车道" readonly/>
                       </div>
                   </div>
                   <div class="form-group">
                       <div class="col-sm-2 control-label">违法类型</div>
                       <div class="col-sm-10">
                           <input type="text" class="form-control" v-model="appInfo.illegalType" placeholder="违法类型"/>
                       </div>
                   </div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">车辆品牌</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.vehicleBrand" placeholder="车辆品牌"
                                   readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">车辆颜色</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.vehicleColor" placeholder="车辆颜色"
                                   readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">车辆型号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.vehicleModel" placeholder="车辆型号"
                                   readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">车主姓名</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.illegalOwnerName" placeholder="车主姓名"
                                   readonly/>
                        </div>
                    </div>
                    <!-- <div class="form-group">
                        <div class="col-sm-2 control-label">审核状态</div>
                        <div class="col-sm-10">
                            <input id="stateCheck" type="text" class="form-control" v-model="appInfo.stateStr" placeholder="审核状态"/>
                        </div>
                    </div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">违法类型</div>
                        <div class="col-sm-10">
                            <select class="form-control" placeholder="请选择违法类型" v-model="appInfo.illegalType">
                                <option disabled value="">请选择违法类型</option>
                                <option v-for="type in illegalTypeObject.illegalType" :value="type.value">{{type.text}}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">审核状态</div>
                        <div class="col-sm-10">
                            <select id="shenhezhuangtai" class="form-control" v-model="appInfo.state">
                                <option value="0">未审核</option>
                                <option value="1">初审核通过</option>
                                <option value="2">初审核不通过</option>
                                <option value="3">审核通过</option>
                                <option value="4">审核无效</option>
                                <option value="5">财务已审核</option>
                                <option value="6">红包已发放</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">审核描述</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="appInfo.remark" placeholder="审核描述"/>
                        </div>
                    </div>
                </div>
                <div class="form-group" style="width:50% ; float: left">
                    <div class="form-group" v-if="appInfo.illegalPhoto1 != null && appInfo.illegalPhoto1 != ''">
                        <div class="col-sm-2 control-label">违章图片1</div>
                        <div class="col-sm-10">
                            <a href="#" class="thumbnail">
                                <img :src="appInfo.illegalPhoto1" style="width:300px;height:200px;"
                                     alt="通用的占位符缩略图">
                            </a>
                        </div>
                    </div>
                    <div class="form-group" v-if="appInfo.illegalPhoto2 != null && appInfo.illegalPhoto2 != ''">
                        <div class="col-sm-2 control-label">违章图片2</div>
                        <div class="col-sm-10">
                            <a href="#" class="thumbnail">
                                <img :src="appInfo.illegalPhoto2" style="width:300px;height:200px;"
                                     alt="通用的占位符缩略图">
                            </a>
                        </div>
                    </div>
                    <div class="form-group" v-if="appInfo.illegalPhoto3 != null && appInfo.illegalPhoto3 != ''">
                        <div class="col-sm-2 control-label">违章图片3</div>
                        <div class="col-sm-10">
                            <a href="#" class="thumbnail">
                                <img :src="appInfo.illegalPhoto3" style="width:300px;height:200px;"
                                     alt="通用的占位符缩略图">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!--视频-->
            <!--<div class="form-group" style="width:50%; float: left">-->
            <!--<div id="video_play" class="form-group">-->
            <!--<script type="text/javascript" src="${request.contextPath}/static/js/swfobject.js"></script>-->
            <!--<div class="video" id="CuPlayer"></div>-->
            <!--</div>-->
            <!--</div>-->
            <div class="modal-footer" style="text-align: center">
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="保存"/>
                <input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/appReport/appinfoEnforce.js?_${.now?long}"></script>
</body>
</html>